<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>Radar chart</title>
    <script src="http://d3js.org/d3.v3.min.js"></script>
    <script src="RadarChart.js"></script>
    <style>
        body {
            overflow: hidden;
            margin: 0;
            font-size: 14px;
            font-family: "Helvetica Neue", Helvetica;
        }

        #chart {
            position: absolute;
            top: 50px;
            left: 100px;
        }

        .bar {
            fill: steelblue;
        }

        .bar:hover {
            fill: brown;
        }

        .axis {
            font: 10px sans-serif;
        }

        body {
            padding: 20px;
        }

        .axis path,
        .axis line {
            fill: none;
            stroke: #000;
            shape-rendering: crispEdges;
        }
        .legend:hover {
            cursor: pointer;
        }

        .x.axis path {
            display: none;
        }
    </style>
</head>
<body>
<div id="body">
    <div id="chart"></div>
</div>
<script type="text/javascript" src="script.js"></script>

</body>
</html>